const host = 'http://localhost:3000';

function sel() {
    $('.bloglist > tr').remove();
    init();
}

//定义一个函数跳转到添加博客页面
function add() {
    location.href = './blogAddOrEdit.html'
}

//定义一个函数跳转到编辑页面并传递当前的id
function edit(id) {
    location.href = `./blogAddOrEdit.html?id=${id}`
}

//定义一个函数删除指定id的博客
function del(id) {
    if (confirm('你确定要删除这个博客吗？')) {
        axios.delete(`${host}/blog/${id}`).then(res => {
            if (res.data.code === 1000) {
                alert('删除成功！')
                sel()
            }
        }).catch(error => {
            console.error('删除博客时出错：', error);

        })
    }
}

const init = function () {
    const keyword = document.querySelector('input[name=keyword]').value.trim()

    axios.get(`${host}/blog?keyword=${keyword}`)
        .then(res => {
            if (res.data && res.data.data) {
                const data = res.data.data
                console.log(data);

                const html = data.map(item =>
                    `
            <tr>
               <td>${item.Id}</td>
               <td>${item.headline}</td>
               <td>${item.digest}</td>
               <td>${item.content}</td>
               <td>${item.classify}</td>
               <td>${item.author}</td>
               <td>${item.creatTime}</td>
   
               <th>
                   <input type="button" value="编辑" onclick="edit(${item.Id})">
                   <input type="button" value="删除" onclick="del(${item.Id})">
               </th>
           </tr>
           `
                ).join('')
                $('.bloglist').append(html)
            } else {
                console.error('相应数据格式不正确：', res.data);

            }
        })
        .catch(error => {
            console.error('加载博客时发生错误：', error);
            alert('加载博客时发生错误，请稍后重试！')

        })
}
init()